@import '../../../../common/variables.less';

.visualComponents_theme_dark{
  .el-button.is-link{
    background-color: transparent;
    color: @btn_primary_border_color_dark;
    border: none;
  }
  .el-button, .button-cancel, .el-button--default {
    background-color: @btn_cancel_bg_color_dark;
    border-color: @btn_cancel_bg_color_dark;
    color: @text_color_dark;
  }
  .el-button--primary {
    color: @text_color_dark;
    background-color: @btn_primary_bg_color_dark;
    border-color: @btn_primary_border_color_dark;
  }
  .el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover{
    background-color: @btn_cancel_bg_color_dark;
    border-color: @btn_cancel_bg_color_dark;
    color: @border_color_dark;
  }
  .el-button.is-disabled.el-button--text{
    background-color: transparent;
  }
  .el-button--text, .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active{
    border-color: transparent;
  }
  .el-button--text{
    color: @btn_primary_border_color_dark;
  }
}

.visualComponents_theme_real{
  .el-button.is-link{
    background-color: transparent;
    color: @btn_primary_border_color_dark;
    border: none;
  }
  .el-button, .button-cancel, .el-button--default {
    background-color: #393939;
    border-color: #393939;
    color: @text_color_dark;
  }
  .el-button--primary {
    color: @text_color_dark;
    background-color: @btn_primary_bg_color_dark;
    border-color: @btn_primary_border_color_dark;
  }
  .el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover{
    background-color: #393939;
    border-color: #393939;
    color: @border_color_dark;
  }
  .el-button.is-disabled.el-button--text{
    background-color: transparent;
  }
  .el-button--text, .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active{
    border-color: transparent;
  }
  .el-button--text{
    color: @btn_primary_border_color_dark;
  }
}